<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东</title>
    <style>
    .header {
    font-size: 12px;
    width: 90%;
    margin: 0px auto;
    overflow: hidden;
    position: fixed;
    background-color: #f8f8f8;
    }
    .header a {
    float: left;
    width: 100px;
    text-align: center;
    }
    .d {
    float: right;
    }
    .logo{
        position: absolute;
        left: 60px;
        top: 30px;
    }
    .ss{
        position: absolute;
        left: 450px;
        top: 70px;
    }
    .gif{
        position: absolute;
        left: auto;
        right: 0px;
        top: 30px;
    }
    .wz{
            position: absolute;
            left: 130px;
            top: 200px;
            background-color: #f8f8f8;
            width: 250px;
            height: 350px;
            border-radius: 10px;
            word-spacing: 5px;
        }
        .db{
            position: absolute;
            left: 30px;
            top: 200px;
           left: 400px;
           background-color: #f8f8f8;
           border-radius: 10px;
           width: 700px;
           height: 40px;
           font-size:16px ;
           word-spacing: 60px;
           text-align: center;   
        }
        .gg{
            position: absolute;
            left: 30px;
            top: 200px;
            left: 400px;
            top: 250px;
        }
        .aa{
            position: absolute;
            left: 30px;
            top: 300px;
            left: 630px;
            width: 220px;
            height: 130px;
            background-color: rgb(238, 80, 80);
            top: 250px;
            border-radius: 10px;
        }
        .bb{
            position: absolute;
            left: 30px;
            top: 300px;
            left: 880px;
            width: 220px;
            height: 130px;
            background-color: rgb(238, 80, 80);
            top: 250px;
            border-radius: 10px;
        }
        .cc{
            position: absolute;
            left: 30px;
            top: 300px;
            left: 630px;
            width: 110px;
            height: 130px;
            background-color: rgb(238, 80, 80);
            top: 410px;
            border-radius: 10px;
        }
        .dd{
            position: absolute;
            left: 30px;
            top: 300px;
            left: 750px;
            width: 110px;
            height: 130px;
            background-color: rgb(238, 80, 80);
            top: 410px;
            border-radius: 10px; 
        }
        .ee{
            position: absolute;
            left: 30px;
            top: 300px;
            left: 880px;
            width: 220px;
            height: 130px;
            background-color: rgb(238, 80, 80);
            top: 410px;
            border-radius: 10px; 
        }
        .ff{
            position: absolute;
            left: 30px;
            top: 200px;
            right: 100px;
            left: auto;
            width: 250px;
            height: 350px;
            background-color: #f8f8f8;
            border-radius: 10px;
        }
        .bt{
            position: absolute;
            left: 30px;
            top: 10px;
            margin-left: 80px;
        }
        .lm{
            float: left;
            text-align: center;
            margin-top: 20px;
            margin-left: 10px;
        }
        .ac{
            position: fixed;
            top: 40%;
            width: 50px;
            height: 260px;
            right: 0;
            left: auto;
            background-color: #f8f8f8;
            border-radius: 10px;
            padding-top: 4px;
        }
        .cy{
            float: left;
            margin-left: 50px;
            margin-top: 30px;
            position: absolute;
            top: 530px;
            left: 100px;
            word-spacing: 50px;
        }
        .sp1{
            position: absolute;
            top:630px ;
            left: 150px;
        }
        .sp2{
            position: absolute;
            top: 630px;
            left: 470px;
        }
        .sp3{
            position: absolute;
            top: 630px;
            left: 780px;
        }
        .sp4{
            position: absolute;
            top: 660px;
            left: 1100px;
        }
        .tp{
            position: absolute;
            top: 1000px;
            left: 50px;
        }
        .jw{
            position: absolute;
            top: 1150px;
            bottom: 0px;
            left: 100px;
        }
    </style>
    <link rel="stylesheet" href="css/common.css">
</head>
<body>
    <div class="header">
        <a href=""><select name="" id="" border="none">
            <option value="" >中国大陆</option>
            <option value="">全球</option>
            <option value="">中国香港</option>
            <option value="">中国台湾</option>
            <option value="">中国澳门</option>
            <option value="">韩国</option>
            <option value="">马来西亚</option>
            <option value="">澳大利亚</option>
            <option value="">新加坡</option>
            <option value="">新西兰</option>
            <option value="">加拿大</option>
            <option value="">日本</option>
            <option value="">越南</option>
            <option value="">泰国</option>
            <option value="">菲律宾</option>
            <option value="">柬埔寨</option>
        </select></a>
        <a href="">亲，请登录</a>
        <a href="">免费注册</a>
        <a href="">切换企业版</a>
        <div class="d">
           <a href="">网络无障碍</a>
            <a href="">已买到的宝贝</a>
            <a href="">我的淘宝</a>
            <a href="">购物车</a>
            <a href="">收藏夹</a>
            <a href="">免费开店</a>
            <a href="">帮助中心</a>
        </div>
    </div>
    <div class="logo">
        <img src="./image/bigLogo.png" width="70%" alt="">
    </div>
    <div class="ss">
        <input type="text" style="width: 600px;height: 40px;border-radius:10px ;"><button style="width: 50px;height: 40px;border-radius: 10px;background-color: red;">搜索</button>
    </div>
    <div class="gif">
        <img src="https://m.360buyimg.com/babel/jfs/t1/272193/10/663/197833/004ebd01F348b78a1/2f3f5cb0514a1bd0.gif" width="50%" alt="">
    </div>
    <div class="wz">
        <ul type="none">
            <li> 家用电器</li>
            <li> 电脑 / 配件 / 办公 </li>
            <li> 工业品 / 商品 / 农业 </li>
            <li> 家电 / 手机 / 通信 </li>
            <li> 家具 / 家装 / 家居 </li>
            <li> 女装 / 男装 / 内衣 </li>
            <li> 女鞋 / 男鞋 / 运动 </li>
            <li> 汽车 / 珠宝 / 文玩 </li>
            <li> 食品 / 生鲜 / 酒类 </li>
            <li> 母婴 / 童装 / 玩具 </li>
            <li> 美妆 / 个护 / 娱乐 </li>
            <li> 电脑 / 配件 / 办公 </li>
            <li> 电脑 / 配件 / 办公 </li>
            <li> 电脑 / 配件 / 办公 </li>
            <li> 电脑 / 配件 / 办公 </li>
        </ul>
    </div>
    <div class="db">
        <p><a href="">出口转内销</a><a href=""> 新品</a> <a href="">排行榜</a> <a href="jcy3.html">家电家具</a> <a href="">京东企业购</a> <a href="jcy2.html">拍拍二手</a>  </p>
    </div>
    <div class="gg">
        <img src="https://imgcps.jd.com/ling-cubic/turing/deliverysoa/fac10fd4f5cf7aac83d4fd986de3b03a/cr/s/q70.jpg" width="45%" style="border-radius: 20px;" alt="">
    </div>
    <div class="aa">
    <h4>国家补贴x百亿补贴</h4>
        <img src="https://m.360buyimg.com/seckillcms/s150x150_jfs/t20261031/188784/8/41607/5001/6541d1e0Ff5651a0a/e71ffdaa3d507b52.jpg" width="35%" alt="">
        <p>&yen;2398</p>
    </div>
    <div class="bb">
    <h4>京东秒杀</h4>
    <img src="https://m.360buyimg.com/seckillcms/s250x250_jfs/t20270812/53202/35/26782/14196/66b96f2eF5fb06f3d/ca76304738a5ae94.jpg" width="35%" alt="">
    <p>&yen;14.2</p>
    </div>
    <div class="cc">
    <h4>9.9包邮</h4>
    <img src="https://img14.360buyimg.com/jdcms/s154x154_jfs/t1/282961/1/1350/69948/67d13eaeFcc6b7ea7/c596b1fedd9393c8.jpg.avif" width="70%" alt="">
    <p>&yen;9.9</p>
    </div>
    <div class="dd">
    <h4>京东直播</h4>
    <img src=".https://m.360buyimg.com/livecms/jfs/t1/274044/13/11134/55521/67e507b0F588f8daa/f3dc15dcf963670a.png" width="70%" alt="">
    <p>主播精选</p>
    </div>
    <div class="ee">
    <h4>百宝箱</h4>
    <img src="https://m.360buyimg.com/babel/jfs/t1/256044/30/19289/5684/67a9c6e2Fd4d80717/5fb5f96f7c6c066f.png" width="20%" alt="">
    <p>天天领好礼</p>
    </div>
    <div class="ff">
        <img src="./image/smallLog.png" alt="">
    <div class="bt">
        <h4>Hi~下午好</h4>
        <p>注册</p>
    </div>
        <h4 style="text-align: center;">登录京东后更多优惠</h4>
        <p style="text-align: center;">登录可享，专属优惠，贴心推荐！</p>
        <p style="background-color: #ff5000;width: 200px;height: 30px;text-align: center;margin-left: 30px;border-radius: 5px;margin-top: 20px;color: white;">立即登录</p>
        <div class="lm"> <img src="https://m.360buyimg.com/babel/jfs/t1/276298/8/10584/1176/67e3e9feFa3c9c32c/216822946bbd5109.png" width="50%"  alt=""><p>最近浏览</p></div>
       <div class="lm"><img src="https://m.360buyimg.com/babel/jfs/t1/280969/4/9316/1115/67e3e9eeFbc0bcd39/0bf42a568e6784d9.png" width="50%"  alt=""><p>商品收藏</p></div> 
        <div class="lm"><img src="https://m.360buyimg.com/babel/jfs/t1/280420/25/9267/824/67e3e9f6F49a40ea9/663177e4662d98a9.png" width="50%"  alt=""><p>店铺关注</p></div>
        <img src="./image/j2.png" width="80%" alt="">
    </div>
    <div class="ac">
        <img src="https://img.alicdn.com/imgextra/i2/O1CN01SpfPvH1QFJluNZQDe_!!6000000001946-2-tps-96-96.png" width="60%" alt="">
        <p style="font-size: 12px;text-align: center;">官方插件</p>
        <img src="https://img.alicdn.com/imgextra/i1/O1CN010mCfxI1mzVG35w6Zf_!!6000000005025-2-tps-96-96.png" width="60%" alt="">
        <p style="font-size: 12px;text-align: center;">消息</p>
        <img src="https://img.alicdn.com/imgextra/i2/O1CN01JUZZZU1rBBpJ7bjdk_!!6000000005592-2-tps-96-96.png" width="60%" alt="">
        <p style="font-size: 12px;text-align: center;">购物车</p>
        <img src="https://img.alicdn.com/imgextra/i3/O1CN01ad60OT1qxuLDAqJRk_!!6000000005563-2-tps-96-96.png" width="60%" alt="">
        <p style="font-size: 12px;text-align: center;">官方客服</p>
        <img src="https://img.alicdn.com/imgextra/i1/O1CN01aOLE8u1Yk1FKuRL2x_!!6000000003096-2-tps-96-96.png" width="60%" alt="">
        <p style="font-size: 12px;text-align: center;">反馈</p>
        </div>
        <div class="cy">
            <span style="background-color: #e1a181;font-size: 18px;"><img src="https://img14.360buyimg.com/imagetools/jfs/t1/26577/33/22983/2322/66cc2351F2ef728a4/c0dcf30b31a65169.png" width="1.5%" alt="">猜你喜欢</span>
            <span style="font-size: 18px;"><img src="https://m.360buyimg.com/babel/jfs/t20271203/197655/6/50320/8720/674edadaF50779028/9106ceb7e9bc0bb3.png" width="1.5%" alt="">运动户外</span>
            <span style="font-size: 18px;"><img src="https://m.360buyimg.com/babel/jfs/t20271203/190220/11/52058/13900/674ed972F4dc06027/2ed64180eaa187ad.png" width="1.5%" alt="">潮电数码</span>
            <span style="font-size: 18px;"><img src="https://m.360buyimg.com/babel/jfs/t20271203/194701/17/51350/5121/674ed9b1F684b896f/11f5affc861d7755.png" width="1.5%" alt="">家装建材</span>
            <span style="font-size: 18px;"><img src="https://m.360buyimg.com/babel/jfs/t20271203/247469/13/26952/14297/674eda66Fda742920/e2b7b9f025f8d272.png" width="1.5%" alt="">办公文具</span>
            <span style="font-size: 18px;"><img src="https://m.360buyimg.com/babel/jfs/t20271203/195672/40/54494/14529/674edafdFe3f9dfe2/ccbae18308098093.png" width="1.5%" alt="">健康保健</span>
        </div>
        <div class="sp1">
        <img src="https://img12.360buyimg.com/jdcms/s480x480_jfs/t1/277208/3/25392/56205/680616e0F24829a9d/0536807836719fcf.jpg.avif" width="50%" style="border-radius: 10px;" alt="">
        <p>欧莱雅男士水能保湿酷爽水凝露1 <br>20ml补水须后水护肤品礼物送男友</p>
        <p style="color: #ff5000;">&yen;69.90</p>
        </div>
        <div class="sp2">
        <img src="https://img14.360buyimg.com/jdcms/s480x480_jfs/t1/276878/4/24455/114400/6805c283F1ea5899e/23d08aca706d5d1c.jpg.avif" width="50%" style="border-radius: 10px;" alt="">
        <p>美式宽肩遮副乳吊带背心女内搭 <br>夏季薄款修身简约洋气百搭打底上衣</p>
        <p>&yen;14.90</p>
        </div>
        <div class="sp3">
        <img src="https://img14.360buyimg.com/jdcms/s480x480_jfs/t1/270436/21/21878/29158/67fe1a0aFe9158a1e/59ec3cebf2d2ff27.jpg.avif" width="50%" style="border-radius: 10px;" alt="">
        <p>Apple 苹果  MacBook Pro 13/14/15/16寸<br> M1/2/3 二手笔记本电脑 Macbook</p>
        <p>&yen;3969.00</p>
        </div>
        <div class="sp4">
        <img src="https://img20.360buyimg.com/jdcms/s480x480_jfs/t1/285179/31/24830/113070/680734bdF9cffc4a0/7dd0891410707fd2.jpg.avif" width="50%" style="border-radius: 10px;" alt="">
        <p>网红海鲜金锅不锈钢韩式锅双耳汤 <br>网红泡面金色加厚耐用加固小干锅 </p>
        <p>&yen;10.10</p>
        </div>
        <div class="tp">
        <img src="./image/j1.png" alt="">
        </div>
        <div class="jw">
        <div>
            <table width="1300px" height="200" style="font-size: 14px;">
                <tr>
                    <th>规则协议</th>
                    <th>新手上路</th>
                    <th>付款方式</th>
                    <th>京东特色</th>
                </tr>
                <tr>
                    <th>京东规则</th>
                    <th>0元开店</th>
                    <th>快捷支付</th>
                    <th>旺旺/旺信</th>
                </tr>
                <tr>
                    <th>平台服务协议</th>
                    <th>余额宝</th>
                    <th>天猫开店</th>
                    <th>官方客服</th>
                </tr>
                <tr>
                    <th>&nbsp;</th>
                    <th>商家服务</th>
                    <th>蚂蚁花呗</th>
                    <th>&nbsp;</th>
                </tr>
            </table>
        </div>
        <div>
            <table align="center" width="1300px" style="font-size: 14px;">
                <tr>
                    <td>阿里巴巴集团</td>
                    <td>京东</td>
                    <td>天猫</td>
                    <td>1688</td>
                    <td>一淘</td>
                    <td>阿里健康</td>
                    <td>全球速卖通</td>
                    <td>阿里巴巴国际站</td>
                    <td>高德</td>
                    <td>飞猪</td>
                    <td>优酷</td>
                    <td>大麦</td>
                    <td>阿里影业</td>
                    <td>钉钉</td>
                    <td>支付宝</td>
                    <td>阿里妈妈</td>
                    <td>阿里云</td>
                </tr>
            </table>
        </div><hr>
        <div>
            <table width="1300px" style="font-size: 13px;">
                <tr>
                    <td>关于淘宝</td>
                    <td>营销中心</td>
                    <td>廉政举报</td>
                    <td>开放平台</td>
                    <td>诚征英才</td>
                    <td>隐私权政策</td>
                    <td>法律声明</td>
                    <td>知识产权</td>
                    <td>© 2003-现在 Taobao.com 版权所有</td>
                    <td>增值电信业务经营许可证：浙B2-20080224</td>
                </tr>
            </table>
        </div>
        <div>
            <table width="1300px" style="font-size: 13px;">
                <tr>
                    <td>增值电信业务经营许可证（跨地区）： B2-20150210</td>
                    <td>浙网文〔2025〕0051-019号</td>
                    <td>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</td>
                    <td>网络订餐服务第三方平台备案：浙网餐备2024A330000020</td>
                </tr>
            </table>
        </div>
        <div>
            <table width="1300px" style="font-size: 13px;">
                <tr>
                    <td>互联网药品信息服务资格证书（浙）-经营性-2023-0008</td>
                    <td>短消息类服务接入代码使用证书：号[2020]00396-A02</td>
                    <td>信息网络传播视听许可证：1109364号</td>
                    <td>出版物网络交易平台服务经营备案号：新出发浙备字第2024004号</td>
                </tr>
            </table>
        </div>
        <div>
            <table width="1300px" style="font-size: 13px;">
                <tr>
                    <td>药品网络交易第三方平台备案：（浙）网药平台备字〔2023〕第000016-001号</td>
                    <td>浙公网安备33010002000078号</td>
                    <td>浙B2-20080224-1</td>
                    <td>全国12315平台</td>
                    <td>浙江省互联网违法和不良信息举报中心</td>
                    <td>全网举报</td>
                    <td>涉企举报专区</td>
                </tr>
            </table>
        </div><div>
            <table>
                <tr>
                    <td><img src="./image/db1.png" alt=""></td>
                    <td><img src="./image/db2.png" width="100px" alt=""></td>
                    <td><img src="./image/db3.jpg" width="100px" alt=""></td>
                    <td><img src="./image/db4.png" alt=""></td>
                    <td><img src="./image/db5.jpg" alt=""></td>
                    <td><img src="./image/db6.png" width="100px" alt=""></td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>